<template>
  <div class="new_start">
    <h3>周一周四·新品首发</h3>
    <ul class="newstart">
      <li v-for="item in newGoodsList" :key="item.id" :column-num="2">
        <img :src="item.list_pic_url" alt="" />
        <p class="item_name">{{ item.name }}</p>
        <p class="f_matmoey">{{ item.retail_price | formatMoey }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Thenewstart",
  props: ["newGoodsList"],
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.new_start {
  // height: 25px;
  line-height: 25px;
  font-size: 9px;
  text-align: center;
  // overflow: hidden;
  // position: relative;
}
.newstart {
  display: flex;
  flex-wrap: wrap;
  font-size: .42667rem;
  overflow: hidden;
  li {
    width: 49%;
    text-align: center;
  }
  img{
    width: 100%;
    display: block;
  }
  .item_name{
    margin-top: -10px;
  }
  .f_matmoey{
    margin-top: -10px;
    color: #8b0000;
   
  }
}

</style>